<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="/js/chosen/chosen.css" />
</head>

<body style="font-family:Arial, Helvetica, sans-serif" >
<h1>Upload Document For Payment Purpose<br />
</h1>





<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
  <script src="/js/chosen/chosen.jquery.js" type="text/javascript"></script>
  <form id="form1" name="form1" method="post" action="">
    <table width="600" border="1" cellspacing="0" cellpadding="10">
      <tr>
        <td>1. Choose Staff:</td>
        <td><select name="id_staff" data-placeholder="Staff Name" class="chzn-select" style="width:200px" id="id_staff">
      <option value=""></option>
      <?php foreach($this->stList as $k => $v) {?>
      <option value="<?=$v["id"]?>">
        <?=ucwords($v["ni"])?>
        .
        <?=chr($v["il"]+64)?> ( <?=ucwords(Model_EncryptHelper::getSslPassword($v["n"]))?> )
        </option>
      <?php } ?>
    </select></td>
      </tr>
      <tr>
        <td>2. Input Your Password</td>
        <td><label for="password"></label>
        <input type="password" name="password" id="password" /></td>
      </tr>
      <tr>
        <td colspan="2" align="center"><input type="submit" name="button" id="button" value="Next" /></td>
      </tr>
    </table>
    <br />
    <br />
  </form>
  <script type="text/javascript"> 
    var config = {
      '.chzn-select': {allow_single_deselect:true},
    };
    for (var selector in config) {
      $(selector).chosen(config[selector]);
    }
  </script>
  
</body>
</html>
